<template>
<div>
    <swpier :lunbotuList="lunbotuList"></swpier>

    <!-- 九宫格改造成六宫格 -->
    <div>
	<ul class="mui-table-view mui-grid-view mui-grid-9">
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <router-link to="/Home/newsList">
             <img src="../images/menu1.png" alt="">
		        <div class="mui-media-body">新闻资讯</div></router-link></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
             <router-link to="/Home/photolist">
             <img src="../images/menu2.png" alt="">
		        <div class="mui-media-body">图片分享</div></router-link></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
             <router-link to="/Home/goodslist">
             <img src="../images/menu3.png" alt="">
		        <div class="mui-media-body">商品购买</div></router-link></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
             <img src="../images/menu4.png" alt="">
		        <div class="mui-media-body">留言反馈</div></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <img src="../images/menu5.png" alt="">
		        <div class="mui-media-body">视频专区</div></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
             <img src="../images/menu6.png" alt="">
		        <div class="mui-media-body">联系我们</div></li>
	</ul>
    </div>
</div>
</template>
<script>
import { Toast } from "mint-ui"
import swpier from '../components/goods/Swiper'
export default {
  data(){
      return {
          lunbotuList:[]
      };
  },
  created() {
      this.getLunbotu()
  },
  methods:{
      getLunbotu(){
          this.$http.get("api/getlunbo").then(result => {
            //   console.log(result.body)
            if(result.body.status === 0) {
                this.lunbotuList = result.body.message
            } else {
                Toast('加载轮播图失败')
            }
          })
      }
  },
  components:{
      swpier
  }
}
</script>
<style scoped>

    .mui-grid-view.mui-grid-9 .mui-table-view-cell {
        border: none;
    }
    .mui-grid-view.mui-grid-9 {
        background-color: #fff;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
        padding: 0;
    }
</style>



